// 顶部高度
$TOP-HEIGHT: 50px;
// 统一字体大小
$FONT-SIZE: 16px;
// 统一外边距
@mixin UN-MARING {
  @apply m-5;
}

// 统一内边距
@mixin UN-PADDING {
  @apply p-5;
}

// 统一圆角
@mixin UN-ROUDN {
  @apply rounded-lg;
}

// 统一阴影
@mixin UN-SHAWOD {
  @apply shadow-md;
}

// 背景颜色
$BG-COLOR: #F1F5F9;
// 默认颜色
$DF-COLOR: #ffffff;
// hover颜色
$HOVER-COLOR: #ffffff;
// 主题颜色
$primary:#FBC531;
$success:#BADC58;
$warning:#FF6B6B;
$danger:#A29BFE;
$error:#30336B;
$info:#74B9FF;
// 灰色
$HUI-COLOR: #dddddd;
// 浅黑色
$SH-COLOR: #606266;

/* 滚动条样式自定义 */
// 滚动条的宽度和高度
$scrollbar-width: 1px;
$scrollbar-height: 2px;

// 滚动条轨道的样式
$scrollbar-track-background: #d85f5f;
$scrollbar-track-border-radius: 1px;

// 滚动条滑块的样式
$scrollbar-thumb-background: #437fbb;
$scrollbar-thumb-border-radius: 10px;

// 滚动条滑块悬停状态的样式
$scrollbar-thumb-hover-background: #55fff5;

// Firefox 的滚动条颜色
$scrollbar-color: $HUI-COLOR;
$scrollbar-track-color: rgba(221, 221, 221, 0.59);


/* 在全局样式文件（如 `tailwind.css` 或 `styles.css`）中添加 */
.el-icon {
  @apply mr-2 !important; /* 添加左右外边距，值为 0.5rem */
}